18r Solution #119
18r Solution #119
Conversation
|
Hi ! I have questions about the paypal payment method part. May i know hoe do you redirect to the third party such as paypal/ |
| @@ -112,4 +112,13 @@ function renderProductsGrid() { | |||
| const search = document.querySelector('.js-search-bar').value; | |||
There was a problem hiding this comment.
One extra featured that I find useful:
The amazon header is repeated in amazon.html, checkout.html and tracking.html so, I decided to extract it to its own module.
Note: the event listeners for the search bar/button must be placed in the header module.
// using cart-class.js oop
import { cart } from '../data/cart-class.js'
import { products, loadProductsFetch } from '../data/products.js'
import { renderAmazonHeader, displayCartQuantity } from './partials/header.js'
renderAmazonHeader()
loadPage()
// loading products from backend https://supersimplebackend.dev/products
async function loadPage() {
await loadProductsFetch().catch(() => alert('error'))
renderProductsGrid()
}
There was a problem hiding this comment.
Another feature that I add was making the paymentSummary sticky , so even though you have multiple products in your cart you can still have access/see your payment summary :>
| @@ -89,6 +89,8 @@ export function renderPaymentSummary() { | |||
| console.log('Unexpected error. Try again later.'); | |||
| } | |||
|
|
|||
| // Extra feature: make the cart empty after creating an order. | |||
| resetCart(); | |||
There was a problem hiding this comment.
it is making my orders.html broken it becomes empty , i got it i should have kept reset cart in try{ } below addOrder
No description provided.